<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<form name="form1" id="form1">
						用户名:			
					</form>
					
					<form id="form2">
						选择年份<select id="sel1"></select>
					</form>
					
					<button onclick="add()">添加</button>
					
					<script>
						
						function add()
						{
							// <input type="text" name="username" />
							
							// 1. 创建网页元素
							var txt = document.createElement("input")
							// 2. 设置属性
							txt.type="text";
							txt.name="username"
							// 3. 放到页面的某个元素下
							form1.appendChild(txt);
						}
						
						// 创建一个选项标签
						var op1 = document.createElement("option");
						// 创建一个文本内容
						var op1txt = document.createTextNode("2024");
						// 将文本放入option标签
						op1.appendChild(op1txt);
						// 讲选项添加到年份的下拉框
						sel1.appendChild(op1);
						
						
					</script>
	</body>
</html>